import React from 'react';
import './index.scss';
import {
  FilePdfOutlined,
  FileExcelOutlined,
  FileDoneOutlined,
  FullscreenOutlined,
  ArrowRightOutlined,
  PlayCircleOutlined,
  ArrowDownOutlined,
  FullscreenExitOutlined,
  FilePptOutlined,
  RotateRightOutlined,
  OrderedListOutlined,
  DropboxOutlined,
  InsertRowAboveOutlined,
  CheckSquareOutlined,
  FileTextOutlined,
  ProfileOutlined,
  FlagOutlined,
  MenuOutlined,
  FileAddOutlined,
  AimOutlined,
  SaveOutlined,
} from '@ant-design/icons';
import { useHistory } from 'umi';
export default () => {
  let history = useHistory();
  const goxinzengrk = () => {
    // history.push('/inventory_management/home/sub-sub-page3');
  };
  return (
    <div className="kcbox">
      <div className="one">
        <div className="one1">
          <span>供应商</span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2" onClick={goxinzengrk}>
          <span>
            {' '}
            <div className="ico">
              <FileAddOutlined />
            </div>{' '}
            新增供应商{' '}
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FileTextOutlined />
            </div>{' '}
            供应商列表
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            <div className="ico">
              <FilePptOutlined />
            </div>
            新增供应商联系人
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FilePdfOutlined />
            </div>{' '}
            供应商联系人列表
          </span>
        </div>
      </div>
      <span className="botjiantou">
        {' '}
        <ArrowDownOutlined />
      </span>
      <div className="one">
        <div className="one1">
          <span>采购申请</span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <AimOutlined />
            </div>{' '}
            新增采购申请{' '}
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FullscreenOutlined />
            </div>{' '}
            采购申请列表
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <SaveOutlined />
            </div>
            采购申请明细表
          </span>
        </div>
      </div>
      <span className="botjiantou">
        {' '}
        <ArrowDownOutlined />
      </span>
      <div className="one">
        <div className="one1">
          <span>调拨</span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <RotateRightOutlined />
            </div>{' '}
            新增调拨申请{' '}
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FullscreenOutlined />
            </div>{' '}
            新增库管精确调拨
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FileDoneOutlined />
            </div>
            新增库管汇总调拨
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FilePptOutlined />
            </div>{' '}
            所有调拨列表
          </span>
        </div>
      </div>
      <span className="botjiantou">
        {' '}
        <ArrowDownOutlined />
      </span>
      <div className="one">
        <div className="one1">
          <span>装配</span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <InsertRowAboveOutlined />
            </div>{' '}
            新增组装清单{' '}
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <DropboxOutlined />
            </div>{' '}
            新增组装
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FullscreenOutlined />
            </div>
            新增拆卸
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <OrderedListOutlined />
            </div>{' '}
            组装拆卸列表
          </span>
        </div>
      </div>
      <span className="botjiantou">
        {' '}
        <ArrowDownOutlined />
      </span>
      <div className="one">
        <div className="one1">
          <span>借货</span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <InsertRowAboveOutlined />
            </div>{' '}
            新增借货{' '}
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <DropboxOutlined />
            </div>{' '}
            借货列表
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <CheckSquareOutlined />
            </div>
            新增还货
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <ProfileOutlined />
            </div>{' '}
            借货还货明细表
          </span>
        </div>
      </div>
      {/* 发货 */}
      <span className="botjiantou">
        {' '}
        <ArrowDownOutlined />
      </span>
      <div className="one">
        <div className="one1">
          <span>发货</span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FlagOutlined />
            </div>{' '}
            新增发货申请{' '}
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <MenuOutlined />
            </div>{' '}
            未发货列表
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <CheckSquareOutlined />
            </div>
            已发货列表
          </span>
        </div>
        <span className="rightjiantou">
          {' '}
          <ArrowRightOutlined />
        </span>
        <div className="one2">
          <span>
            {' '}
            <div className="ico">
              <FileTextOutlined />
            </div>{' '}
            发货快递对账表
          </span>
        </div>
      </div>
    </div>
  );
};
